﻿.md-popconfirm {
    display: flex;
    justify-content: center;
    padding: 8px 10px;

    &.md-popconfirm {
        &-center-left:not([data-mudpopover-flip]), &-center-right[data-mudpopover-flip] {
            transform: translateX(-10px);

            &.md-popconfirm-arrow::after {
                left: 100%;
                transform: rotate(270deg);
            }
        }

        &-center-right:not([data-mudpopover-flip]), &-center-left[data-mudpopover-flip] {
            transform: translateX(10px);

            &.md-popconfirm-arrow::after {
                right: 100%;
                transform: rotate(90deg);
            }
        }

        &-top-center:not([data-mudpopover-flip]), &-bottom-center[data-mudpopover-flip] {
            transform: translateY(-10px);

            &.md-popconfirm-arrow::after {
                top: 100%;
                transform: rotate(0deg);
            }
        }

        &-bottom-center:not([data-mudpopover-flip]), &-top-center[data-mudpopover-flip] {
            transform: translateY(10px);

            &.md-popconfirm-arrow::after {
                bottom: 100%;
                transform: rotate(180deg);
            }
        }
    }

    &.md-popconfirm-arrow::after {
        content: "";
        position: absolute;
        border-width: 6px;
        border-style: solid;
        border-color: var(--mud-palette-surface) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }
}
